<!-- 
 VS Code中的快捷键：
    Ctrl + /  注释与取消
    Shift + Alt + F  代码格式化
 浏览器中的开发者工具：F12

 html标签语法：
  1. 成对出现 <foo></foo>
  2. 自闭合 <foo />
-->

<!-- 描述该网页是html5 -->
<!DOCTYPE html>
<!-- html根标签 lang是语言属性 简体中文zh-CN -->
<html lang="zh-CN">
  <!-- 页面不可见元素区域 -->
  <head>
    <!-- 页面字符集 utf-8 / gbk / gb2312 -->
    <meta charset="UTF-8" />
    <!-- 视口：html5，特别是移动端开发必须的支持 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>九江学院计算机与大数据科学学院</title>
    <!-- 定义元数据 有一些是告知搜索引擎的内容 -->
    <!-- 声明网页作者 -->
    <meta name="author" content="张三" />
    <!-- 声明网页内容 -->
    <meta
      name="description"
      content="九江学院计算机与大数据科学学院,学院秉持“立德树人、强化优势、突出特色、谋求发展”的办学理念，以教书育人为中心、学科建设为龙头、学术研究为驱动力，充分发掘、利用学校和社会资源，大力建设计算机科学与技术、软件工程、网络空间安全等学科"
    />
    <!-- 声明网页关键字 -->
    <meta
      name="keywords"
      content="计算机与大数据科学学院,九江学院,计算机,高考志愿填报"
    />
  </head>
  <body>
    <!-- 1.页面顶部 -->
    <header>
      <!-- 1.1 顶部信息 -->
      <p>
        <span>2025年10月19日 星期日</span>
        <span>English|设为首页|加入收藏</span>
      </p>
      <!-- 1.2 网站Logo -->
      <!-- h1标签建议：一个页面只出现一次 -->
      <h1>
        <!-- img标签：src表示图片路径，alt表示图片不能显示时的替代 -->
        <!-- src通常使用相对路径的方式（.表示当前路径和..表示上一级路径） -->
        <img src="./images/logo111.png" alt="计算机与大数据科学学院" />
      </h1>
    </header>
    <!-- 2.导航栏：二级导航菜单-->
    <nav>
      <!-- ul>li 无序列表，默认有“项目符号”，实践中通常去掉
           可以嵌套，形成多级菜单
       
      -->
      <!-- 
          a标签 链接 是互联网的另一个“基石” 
          href属性：链接的目标
                      绝对路径： https://www.gov.cn
                      相对路径：./list.html
          target属性：_blank  -> 过去的打开链接的控制：新窗口
       
      -->
      <ul>
        <li><a href="#">首页</a></li>
        <li>
          <a href="#">学院概况</a>
          <ul>
            <li><a href="#">学院简介</a></li>
            <li><a href="#">现任领导</a></li>
            <li><a href="#">机构设置</a></li>
            <li><a href="#">师资队伍</a></li>
          </ul>
        </li>
        <li>
          <a href="#">党团建设</a>
          <ul>
            <li><a href="#">党团动态</a></li>
            <li><a href="#">规章制度</a></li>
          </ul>
        </li>
        <li>
          <a href="#">学科专业</a>
          <ul>
            <li><a href="#">重点学科</a></li>
            <li><a href="#">专业设置</a></li>
          </ul>
        </li>
        <li>
          <a href="#">教学教务</a>
          <ul>
            <li><a href="#">课程思政</a></li>
            <li><a href="#">实践教学</a></li>
            <li><a href="#">考务信息</a></li>
            <li><a href="#">毕业设计</a></li>
            <li><a href="#">工程教育</a></li>
          </ul>
        </li>
        <li>
          <a href="#">审核评估</a>
          <ul>
            <li><a href="#">通知公告</a></li>
            <li><a href="#">工作动态</a></li>
            <li><a href="#">资料下载</a></li>
          </ul>
        </li>
        <li>
          <a href="#">科学研究</a>
          <ul>
            <li><a href="#">科研机构</a></li>
            <li><a href="#">科研项目</a></li>
            <li><a href="#">科研论文</a></li>
            <li><a href="#">获奖情况</a></li>
          </ul>
        </li>
        <li>
          <a href="#">学生工作</a>
          <ul>
            <li><a href="#">机构人员</a></li>
            <li><a href="#">学工动态</a></li>
            <li><a href="#">就业信息</a></li>
          </ul>
        </li>
        <li><a href="#">实验中心</a></li>
        <li><a href="#">下载中心</a></li>
      </ul>
    </nav>
    <!-- 3.页面主体  -->
    <main>
      <!-- 3.1 轮播图 -->
      <section>
        <ul>
          <li>
            <img
              src="./images/banner03.jpg"
              alt="计算机学院<section></section>"
            />
          </li>
          <li><img src="./images/jyjjs.png" alt="教育家精神" /></li>
          <li><img src="./images/skpg2025.jpg" alt="审核评估" /></li>
          <li><img src="./images/gq.jpg" alt="国庆" /></li>
        </ul>
      </section>
      <!-- 3.2 学院新闻 -->
      <section>
        <!-- header可以出现在section和article中表示标题的区域 -->
        <header>
          <h2>学院新闻</h2>
        </header>
        <!-- 图片新闻 -->
        <article>
          <ul>
            <li>
              <!-- figure & figcaption 用来做现代的图文混排 -->
              <figure>
                <img
                  src="./data/DE248924B8EB9E888C3DEF5966E_F1CE37E3_2EF90.png"
                  alt=""
                />
                <figcaption>
                  <h3><a href="#">计算机与大数据科学学院开展研究生...</a></h3>
                  <p>
                    10月16日，江西财经大学虚拟现实(VR)现代产业学院教师舒雷博士在文友楼424会议室开...
                  </p>
                  <span>2025-10-17</span>
                </figcaption>
              </figure>
            </li>
            <li>
              <figure>
                <img
                  src="./data/FAE03A492E79B5D37441A0E62A6_3F016F5A_D289.jpg"
                  alt=""
                />
                <figcaption>
                  <h3><a href="#">学校关工委一行深入计算机学院关工...</a></h3>
                  <p>
                    ​为推进关心下一代工作，10月10日下午，九江学院原副校长、校关心下一代工作委员...
                  </p>
                  <span>2025-10-11</span>
                </figcaption>
              </figure>
            </li>
          </ul>
        </article>
        <!-- 文字新闻 -->
        <article>
          <ul>
            <li>
              <a href="#">计算机与大数据科学学院开展研究生招生宣讲会</a>
              <span>[10-17]</span>
            </li>
            <li>
              <a href="#">学校关工委一行深入计算机学院关工委调研指导工作</a>
              <span>[10-11]</span>
            </li>
            <li>
              <a href="#">武汉科技大学许志伟博士应邀来校做学术报告</a>
              <span>[09-30]</span>
            </li>
            <li>
              <a href="#">弘扬伟大抗战精神，书写时代青春华章——计算机与...</a>
              <span>[09-30]</span>
            </li>
            <li>
              <a href="#">计算机与大数据科学学院召开党员大会暨深入贯彻中...</a>
              <span>[09-30]</span>
            </li>
            <li>
              <a href="#">九江市首届职工AI技术及视觉艺术创新专题培训在我...</a>
              <span>[09-29]</span>
            </li>
            <li>
              <a href="#">校领导慰问我院2025级军训新生</a>
              <span>[09-25]</span>
            </li>
            <li>
              <a href="#">计算机与大数据科学学院院领导慰问军训新生</a>
              <span>[09-22]</span>
            </li>
          </ul>
        </article>
      </section>
      <!-- 3.3 通知公告&学工动态&链接 -->
      <section>
        <!-- 3.3.1 通知公告 -->
        <section>
          <header>
            <h2>通知公告</h2>
          </header>
          <article>
            <ul>
              <li>
                <span>29 2025-09</span>
                <h3><a href="#">计算机与大数据科学学院关于2025年国庆...</a></h3>
                <p>
                  学院现将2025年国庆节、中秋节值班安排表上传至附件，如遇有紧急、重要...
                </p>
              </li>
              <li>
                <span>10 2025-09</span>
                <h3><a href="#">2025年9月20日学术报告（焦儒旺 教授，...</a></h3>
                <p>&nbsp;</p>
              </li>
              <li>
                <span>27 2025-05</span>
                <h3><a href="#">2025年5月29日学术报告（何鹏 教授，湖...</a></h3>
                <p>
                  报告题目：基于多视图代码特征学习的软件缺陷检测报告时间：2025年5月29...
                </p>
              </li>
            </ul>
          </article>
        </section>
        <!-- 3.3.2 学工动态 -->
        <section>
          <header><h2>学工动态</h2></header>
          <article>
            <ul>
              <li>
                <a href="#">“弘扬时代精神，建设教育强国”—...</a>
                <span>10/20</span>
                <span>点击：[25] 次</span>
              </li>
              <li>
                <a href="#">e路领航：梦想照亮前路，奋斗书写青...</a>
                <span>10/17</span>
                <span>点击：[54] 次</span>
              </li>
              <li>
                <a href="#">计算机与大数据科学学院开展“‘粮...</a>
                <span>10/17</span>
                <span>点击：[4] 次</span>
              </li>
              <li>
                <a href="#">计算机与大数据科学学院开展“承辛...</a>
                <span>10/13</span>
                <span>点击：[33] 次</span>
              </li>
              <li>
                <a href="#">计算机与大数据科学学院开展“我的...</a>
                <span>10/09</span>
                <span>点击：[42] 次</span>
              </li>
              <li>
                <a href="#">计算机与大数据科学学院开展“赤湖...</a>
                <span>09/30</span>
                <span>点击：[44] 次</span>
              </li>
              <li>
                <a href="#">计算机与大数据科学学院开展民族大...</a>
                <span>09/26</span>
                <span>点击：[55] 次</span>
              </li>
              <li>
                <a href="#">计算机与大数据科学学院开展“民族...</a>
                <span>09/26</span>
                <span>点击：[57] 次</span>
              </li>
            </ul>
          </article>
        </section>
        <!-- 3.3.3 链接 -->
        <aside>
          <ul>
            <li><a href="#">CCF</a></li>
            <li><a href="#">教务系统</a></li>
            <li><a href="#">高教司</a></li>
            <li><a href="#">OA办公</a></li>
            <li><a href="#">VR全景校园</a></li>
            <li><a href="#">图书馆</a></li>
          </ul>
        </aside>
      </section>
      <!-- 3.4 专题网站 -->
      <section>
        <header><h2>专题网站</h2></header>
        <article>
          <ul>
            <li><a href="#"><img src="./images/bkpg.jpg" alt="本科评估"></a></li>
            <li><a href="#"><img src="./images/img2.jpg" alt="学习强国"></a></li>
            <li><a href="#"><img src="./images/img3.jpg" alt="教育部"></a></li>
            <li><a href="#"><img src="./images/img4.jpg" alt="科技厅"></a></li>
            <li><a href="#"><img src="./images/dxszx2.jpg" alt="大学生在线"></a></li>
            <li><a href="#"><img src="./images/img5.jpg" alt="中国梦"></a></li>
          </ul>
        </article>
      </section>
    </main>
    <!-- 4.页面底部 -->
    <footer>
      <!-- address语义化标签通常用来包裹地址或联系方式的内容 -->
      <address>
        地址：前进东路551号 电话：0792-8312833（院办）邮编：332005
      </address>
      <p>版权所有：九江学院计算机与大数据科学学院</p>
    </footer>
  </body>
</html>
